<template>
    <h2>我是About的内容</h2>
</template>

<script>
export default {
    name: 'About',
    beforeDestroy() {
        console.log('About组件即将销毁')
    },
    mounted() {
        console.log('About组件已挂载', this);
        window.aboutRoute = this.$route;
        window.aboutRouter = this.$router;
    },
    //通过路由规则，进入该组件时被调用
    beforeRouteEnter(to, from, next) {
        if(to.meta.isAuth) {
            if(localStorage.getItem('school') === 'atguigu') {
                next()
            } else {
                alert("学校名不对，无权查看,请登录");
            }
        } else {
            //放行
            next()
        }
    },
   //通过路由规则，离开该组件时被调用
    beforeRouteLeave(to, from, next) {
        console.log('About组件即将离开', to, from);
        next();
    }

}
</script>
